/* -------------- GLOBAL FORMS STYLES -------------- */
.view-profile{
	width: 100%;
	overflow: hidden;
}
.userinfo-left{
	float: left;
}

.userinfo-left ul li{
	display: block;
	padding: 5px;
	line-height: 1.5;
	background: url("../images/sprite.png") no-repeat scroll 0px -109px transparent;
}

.userinfo-right{
	float: right;
	width: 150px;
	height: 150px;
	border: 1px solid #DDD;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
}

.registerform input{
	width: 220px;
	padding: 5px
}
.registerform select{
	width: 232px;
	padding: 5px
}

.registerform textarea{
	width: 390px;
	height: 150px;
	padding: 5px;
}

.registerform{
	width: 100%
}

.registerform input[type="checkbox"]{
	width: 20px;
	border: 0 none !important;
    margin: 0;
    padding: 0;
}
.registerform input[type="radio"]{
	width: 20px;
	border: 0 none !important;
    margin: 0;
    padding: 0;
}

.registerform td.subhead {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url(../images/grad-d3.gif) repeat-x scroll center top #215D7F !important;
    border-color: #215D7F #215D7F -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #FFFFFF !important;
    font-weight: bold;
    padding: 7px 10px;
}

.registerform td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CFD9DF;
    padding: 10px 15px;
    text-align: left;
}

.registerform th {
    background: none repeat scroll 0 0 #EBF2F6;
    border: 1px solid #CFD9DF;
    color: #333537;
    padding: 10px 15px;
    text-align: right;
    width: 38%;
}

form .small {
    color: #666;
    font-size: 11px;
    margin-top: 5px;
}

.button {
    background: url(../images/btn-sm-blue.gif) repeat-x scroll center top #29739D !important;
    border: 1px solid #215D7F;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF !important;
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
    max-height: 30px;
    padding: 3px 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}

div.message{
	border-style:solid;
	border-width:1px;
	margin:0 0 15px 0px;
	padding:6px;
	background-color:#c1dc9d;
	border-color:#7ab727;
}
div.error{
	border-style:solid;
	border-width:1px;
	margin:0 0 15px 0px;
	padding:6px;
	background-color:#FFEBE8;
	border-color:#C00;
}
form {
	font-size: 100%;    
}

.add{
	background: url(../images/add.png) no-repeat;
	margin-bottom: 10px;
	padding: 5px;
	
}
.toolbar a{
	padding-left: 25px;
	padding-top: 10px;
	font-weight: bold;
}

#wrapper fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

label, .label {
    margin: 0 .2em 0 0;
    padding-right: 15px;
    float: left;
    text-align: right;
    line-height: 180%;
    position: relative;
    font-size: 1em;
    width: 100px;
}

.rowfull{
	width: 100%;
	float: left;
	display: block;
	margin: 5px 0;
}

.rowspan{
	width: 50%;
	float: left;
}

#check{margin: 0 auto; width: 50%}
input, textarea, select {
    color: #4f4b3b;
    width: auto;
    border: 1px solid #CCC;
    border-radius: 3px 3px 3px 3px;
    
}
.spanfull input{
	width: 250px;
	
}
.product_form input{ padding: 5px; width: 200px; }
.product_form select{ padding: 5px; width: 212px; }
.rowfull textarea{
	width: 570px;
	height: 180px; 
}

#location{width: 42%}
#reg_button{
	width: 70%; margin: 0 auto;
}
#newsletter, #terms{width: 4%; float: left;}
#checkbold, #checkcolor, #checkfeature{
	width: 4%;
}

.checkbox{width: 80%; float: none}
textarea { width: 50%;
height: 100px}

#wrapper fieldset fieldset {
    margin: 0;
    padding: 0 0 7px 0;
}

#wrapper .checkbox, #wrapper .radio {
	border: none;
    background: transparent;
    padding: 0;
    width: auto;    
    float: none;
    display: inline;
    margin: 0 3px 0 0;
    text-align: left;
}
	
.required {
    color: red;
    font: normal 1.7em Arial, Helvetica, sans-serif;
    position: absolute;
    left: 92%;
}

#wrapper .field_error {
	border: 2px solid #DDD;
	background: #efe0e0;	
}

#wrapper .checkbox.field_error {
	border: none;
	color: #ef2d2d;
	background: transparent;	
}

#wrapper .readonly {
	opacity: .6;	
}

#wrapper .small_field {
	width: 20.85%;
}

/* -------------- BUTTONS -------------- */

button, #wrapper .button {
    font-size: 1em;
    padding: 3px;
    display: inline;
    text-decoration: none;
    /*text-transform: lowercase;*/
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px;
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top , #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.buttonsave{
	margin: 0 auto;
	width: 300px;
	
}

    button:hover, #wrapper .button:hover { }
	
/* -------------- ERRORS AND MESSAGES -------------- */

#wrapper .form_error {
	color: #df3b1b;
	font-size: 1.05em;
	font-weight: bold;	
}


#ja-login-wrapper {
    margin: 0 auto;
}
.ja-login-wrapper {
    font: 13px/1.5 Helvetica,Arial,sans-serif;
    padding: 5px 0;
}
#ja-login-joomla-form form {
    padding: 5px 15px;
}
#ja-login-joomla-form {
    background: none repeat scroll 0 0 #EBF2F6;
    border: 1px solid #CFD9DF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    float: left;
    text-shadow: 0 1px 1px #FFFFFF;
    width: 250px;
}
#ja-login-joomla-form h4, #ja-login-rpx h4 {
    font-size: 18px;
    margin: 5px 0 15px;
    text-transform: none;
}
#ja-login-joomla-form p {
    margin: 0 0 10px;
}
#ja-form-login-username label, #ja-form-login-password label {
    display: block;
    font-size: 14px;
    text-align: left;
}
#ja-form-login-remember {
    font-size: 14px;
}
#ja-login-joomla-form .txtbox {
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    width: 90%;
}

#ja-login-joomla-form input{
	padding: 5px
}


#ja-login-joomla-form .button {
    background: url("../images/grad-d3.gif") repeat-x scroll center top #29739D !important;
    border: 1px solid #215D7F !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #CFD9DF !important;
    font-size: 14px !important;
    text-shadow: 0 -1px 0 #333333;
}
#ja-login-joomla-form .button:hover, #ja-login-joomla-form .button:focus {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
    color: #FFFFFF !important;
}
#ja-login-joomla-form ul {
    font-size: 14px;
}
#ja-login-joomla-form ul li {
	padding: 0
}
#ja-login-rpx {
   
    float: left;
    height: 290px;
    margin: 0 auto;
    width: 580px;
}
.ja-style-popup #ja-login-rpx {
    
    width: 400px;
}
.ja-checklist {
    margin: 0 0 0 25px;
    padding: 0;
}
.ja-checklist li {
    background: url("../../images/icon-tick.png") no-repeat scroll 0 7px transparent;
    list-style: none outside none;
    padding: 6px 0 6px 20px;
}
.ja-addnew {
    margin-top: 5px;
}
#ja-login-rpx .ja-features {
    font-size: 100%;
    line-height: 1.7;
    padding: 0 0 10px 40px;
}
#ja-login-rpx .ja-features h2 {
    font-size: 180%;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 1px #CCCCCC;
}
#ja-login-rpx .ja-features h2 span {
    color: #59A325;
}
#ja-login-rpx .ja-features h2 span span {
    background: none repeat scroll 0 0 #FFFFFF;
}
#ja-login-rpx .ja-features .ja-checklist {
    border-bottom: 1px dotted #CFD9DF;
    font-size: 12px;
    margin: 20px 0 0;
    padding: 0;
    width:60%;
}
#ja-login-rpx .ja-features .ja-checklist li {
    background: none repeat scroll 0 0 transparent;
    border-top: 1px dotted #CFD9DF;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    padding: 10px 0;
    width: 100%;
}
#ja-login-rpx .ja-features .ja-checklist li a {
    color: #29739D;
    font-weight: bold;
}
#ja-login-rpx .ja-features .ja-checklist li span {
    background: none repeat scroll 0 0 #29739D;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 40px;
}
#ja-login-rpx .ja-quicklinks {
    margin-bottom: 0;
    margin-left: 40px;
    margin-top: 0;
}
#ja-login-rpx .ja-quicklinks a.getstart-btn {
    background: url("../images/but-getstart.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 24px;
    font-weight: bold;
    height: 52px;

    text-align: center;
    text-shadow: 0 -1px 0 #333333;
    width: 237px;
}
#ja-login-rpx .ja-quicklinks a.getstart-btn:hover, #ja-login-rpx .ja-quicklinks a.getstart-btn:active, #ja-login-rpx .ja-quicklinks a.getstart-btn:focus {
    text-decoration: none;
}
#ja-login-rpx .ja-quicklinks .links {
    color: #696F72;
    display: block;
    font-size: 92%;
    padding-top: 10px;
    text-align: center;
    width: 237px;
}
#ja-login-rpx .ja-quicklinks .links a {
    color: #29739D;
    padding: 0 2px;
}
#ja-login-rpx .ja-quicklinks .links a:hover {
    color: #29739D;
}